<!DOCTYPE html>

<!--
  2011 Google Geospatial Awareness Day
  GeoEye Keynote Presentation
  by Deke Young and Alan Poole
  
  Using the Google HTML5 slide template

  Authors: Luke Mah� (code)
           Marcin Wichary (code and design)
           
           Dominic Mazzoni (browser compatibility)
           Charles Chen (ChromeVox support)

  URL: http://code.google.com/p/html5slides/
-->

<html>
<head>
<title>GeoEye Keynote, 2011 Google Geospatial Awareness Day</title>

<meta charset='utf-8'>
<script src='slides.js'></script>
</head>

<style>
/* Your individual styles here, or just use inline styles if that�s
       what you want. */
</style>

<body style='display: none'>

	<section class='slides layout-widescreen template-default'>

		<article class="fill">
			<p>
				<img src='images/background-image-04.jpg'>
			</p>
			<h3>Bringing Imagery to Life</h3>
			<span style="font-size: 0.7em;" class="white">GeoEye Keynote -
				Google Geospatial Awareness Day - August 24, 2011</span>
			<div
				style="width: 236px; height: 104px; background: url(images/geoeye.logo.white.png) no-repeat; position: absolute; left: 40px; top: 575px; padding-right: 175px;"></div>
			<p class="source white">Deke Young and Alan Poole</p>
		</article>

		<article class="nobackground">
			<h3>
				Imagery in the <i>geocloud</i> is bringing the earth to life...
			</h3>
			<iframe src='demos/earth_initialpage/index.html' scrolling="no"
				frameborder="1"></iframe>
		</article>

		<article class='nobackground'>
			<script type="text/javascript">
				//######################################################################################
				// Author: ricocheting.com
				// Version: v2.0
				// Date: 2011-03-31
				// Description: displays the amount of time until the "dateFuture" entered below.

				// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
				// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
				// format: dateFuture1 = new Date(year,month-1,day,hour,min,sec)
				// example: dateFuture1 = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm

				dateFuture1 = new Date(2011, 7, 24, 11, 58, 25);

				// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
				//document.write(dateFuture +"<br />");

				//###################################
				//nothing beyond this point
				function GetCount(ddate, iid) {

					dateNow = new Date(); //grab current date
					amount = ddate.getTime() - dateNow.getTime(); //calc milliseconds between dates
					delete dateNow;

					// if time is already past
					if (amount < 0) {
						document.getElementById(iid).innerHTML = "already passed Google on 8/24/2011";
					}
					// else date is still good
					else {
						days = 0;
						hours = 0;
						mins = 0;
						secs = 0;
						out = "";

						ms = ("" + ((amount % 1000) + 1000)).substr(1, 3);
						amount = Math.floor(amount / 1000);//kill the "milliseconds" so just secs

						days = Math.floor(amount / 86400);//days
						amount = amount % 86400;

						hours = Math.floor(amount / 3600);//hours
						amount = amount % 3600;

						mins = Math.floor(amount / 60);//minutes
						amount = amount % 60;

						secs = Math.floor(amount);//seconds

						if (days != 0) {
							out += days + " " + ((days == 1) ? "day" : "days")
									+ ", ";
						}
						if (hours != 0) {
							out += hours + " "
									+ ((hours == 1) ? "hour" : "hours") + ", ";
						}
						out += mins + " " + ((mins == 1) ? "min" : "mins")
								+ ", ";
						out += secs + ("." + ms) + " "
								+ ((secs == 1) ? "sec" : "secs") + ", ";
						out = out.substr(0, out.length - 2);
						out += " PDT";
						document.getElementById(iid).innerHTML = out;

						setTimeout(function() {
							GetCount(ddate, iid)
						}, 25);
					}
				}

				window.onload = function() {
					GetCount(dateFuture1, 'countbox1');
					//you can add additional countdowns here (just make sure you create dateFuture2 and countbox2 etc for each)
				};
			</script>
			<!-- TODO: Set the default zoom and spin by default -->
			<!-- TODO: Weather -->
			<!-- TODO: Set GeoEye-1 initial path -->
			<div style="float: right; font-size: 0.8em;">
				GeoEye-1 overhead in <span id="countbox1" style="font-size: 0.7em;">
			</div>
			</div>
			<h3>Imagery is...expanding.</h3>
			<iframe src='demos/earth_agiearthsatellitedb/index.html'
				scrolling="no" frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Source: objects tracked by
					United States Strategic Command (USSTRATCOM). Google Earth
					Satellite Database Copyright &copy; 2011 Analytical Graphics, Inc.</span>
			</div>
		</article>

		<article class='nobackground'>
			<div style="float: right;">
				<span style="font-size: 0.8em;">GeoEye-1 Satellite on
					13-Aug-2011</span>
			</div>
			<h3>Imagery is...scheduled.</h3>
			<iframe src='demos/earth_geoeyesatellitepass/index.html'
				scrolling="no" frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">A single GeoEye-1 satellite
					pass over Mountain View, CA on August 13, 2011 is shown in Google
					Earth API + Time.<a
					href="http://www.geoeye.com/GeoEye101/assets/video/GeoEye-1%20Collection%20Animation.swf"
					target="_blank">GeoEye-1 Collection Animation</a>, <a
					href="http://www.geoeye.com/GeoEye101/assets/video/GeoEye-2_Video_final.swf"
					target="_blank">GeoEye-2 Collection Animation</a> </span>
			</div>
		</article>

		<article class='nobackground'>
			<!-- TODO: Turn off refresh before presentation -->
			<h3>Imagery is...everywhere.</h3>
			<iframe src='demos/maps_geofusefusiontables/index.html'
				scrolling="no" frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Using Google Fusion Tables +
					Google Maps API, this map displays a 30-day heat map at world
					extends and GeoEye's 30-day catalog footprints when zoomed in. <a
					href="http://geofuse.geoeye.com/maps" target="_blank">GeoFUSE
						Online Maps</a>.</span>
			</div>
		</article>


		<article class='nobackground'>
			<!-- TODO: Upload IKONOS and/or GeoEye-1 Image -->
			<!-- Remove OAuth tag and test -->
			<h3>Imagery is...now.</h3>
			<iframe src='demos/maps_geb_image/index.html' scrolling="no"
				frameboarder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Google Earth Builder + Google
					Maps API. Access to Authorized Google Earth Builder Service
					Required. 
			</div>
		</article>

		<article class='nobackground'>
			<h3>Imagery is...interactive.</h3>
			<iframe
				src='http://hosted.ap.org/specials/interactives/_international/japan-earthquake-2011/'
				scrolling="no" frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Source: <a
					href="http://hosted.ap.org/specials/interactives/_international/japan-earthquake-2011/"
					traget="_blank">AP Interactive</a>. Used with permission.</span>
			</div>
		</article>

		<article class='nobackground'>
			<!-- TODO: Upload spot dwell imagery to google storage -->
			<!--  TODO: Re-enable KML -->
			<h3>Imagery is...time.</h3>
			<iframe src='demos/earth_spotdwell/index.html' scrolling="no"
				frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Similar to a digital camera's
					"burst" mode, GeoEye's satellites can capture numerous images of
					the same geographical location within a single pass time span.</span>
			</div>
		</article>

		<article class='nobackground'>
			<!-- Remove OAuth tag and test -->
			<h3>Imagery is...extractable.</h3>
			<iframe src='demos/earth_earthbuilderamdb/index.html' scrolling="no"
				frameboarder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">GeoEye Airport Mapping
					Database (AMDB) shown in Google Earth Builder. Google Earth Plug-in
					6.1.x Required. Access to Authorized Google Earth Builder Service
					Required. 
			</div>
		</article>

		<article class='nobackground'>
			<h3>Imagery is...work.</h3>
			<p>
				<img class='centered' style='height: 500px'
					src='images/MechanicalTurk_Screenshot1.png'>
			</p>
			<p></p>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Source: GeoEye Analytice</span>
			</div>
		</article>

		<article class='nobackground'>
			<h3>Imagery is...art.</h3>
			<iframe width="1280" height="750"
				src="http://www.youtube.com/embed/cnVSVI5uglw" frameborder="0"
				allowfullscreen></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;"><a
					href="http://youtu.be/cnVSVI5uglw?hd=1&t=1m59s" target="_blank">YouTube
						Video Link</a>. Source: Arcade Fire, <a
					href="http://thewildernessdowntown.com/" target="_blank">The
						Wilderness Downtown full experiment</a> </span>
			</div>
		</article>

		<article class='nobackground'>
			<h3>Imagery...is alive.</h3>
			<iframe src='demos/maps_helloworld_qr/index.html' scrolling="no"
				frameborder="1"></iframe>
			<div style="float: right;">
				<span style="font-size: 0.4em;">Source: <a
					href="http://hello.w0r1d.net" target="_blank">http://hello.w0r1d.net</a>
			</div>
		</article>

		<article class="nobackground">
			<div
				style="width: 236px; height: 104px; background: url(images/geoeye-logo-small.png) no-repeat; position: absolute; right: 20px; top: 20px;"></div>
			<h3>Thank you</h3>
			<!-- <div style="float:right;"><img src="images/Construction41_smaller2.jpg" style="height:500px;padding-top:60px"></img></div> -->
			<ul>
				<li>Presentation and demonstrations: <a
					href="http://goo.gl/R4yuR" target="_blank">http://goo.gl/R4yuR</a>
				</li>
				<li>Source: <a href="http://code.google.com/p/geoy-demo"
					target="_blank">http://code.google.com/p/geoy-demo</a></li>
				<br />
				<li>The following Google Products were demonstrated in this
					presentation
					<ul>
						<li>Google Earth Builder</li>
						<li>Google Maps API</li>
						<li>Google Earth API + KML</li>
						<li>Google Fusion Tables</li>
						<li>Google App Engine</li>
						<li>Google Storage for Developers</li>
						<li>YouTube</li>
					</ul>
				</li>
			</ul>
		</article>

	</section>

</body>
</html>